<!--
 * @Author: your name
 * @Date: 2020-06-23 15:41:36
 * @LastEditTime: 2020-06-23 15:47:12
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /esr-project/src/components/global/NoData/index.vue
-->
<!--
  @see 查询不到数据时页面显示模块
-->
<template>
  <div class="no-find-data">
    <div class="no-find-data-wrapper">
      <img width="210" :src="src" />
      <p>
        {{ message }}
      </p>
    </div>
  </div>
</template>
<script>
export default {
  name: 'NoData',
  props: {
    message: {
      type: String,
      default () {
        return '暂无数据'
      }
    },
    src: {
      type: String,
      default () {
        return require('@/assets/images/common/default.png')
      }
    }
  }
}
</script>
<style lang="stylus" scoped>
// 主容器
.no-find-data
  width 100%
  padding 80px 20px 100px
  display flex
  align-items center
  justify-content center
  .no-find-data-wrapper
    min-width 300px
    text-align center
    p
      margin-top 20px
</style>
